<template>
 <div class="box">
  <buy></buy>

  <history></history>
 </div>
</template>

<script>
import Buy from "@/views/Convert/Exchange/Buy/Buy";  // 购买

import History from "@/views/Convert/Exchange/History/History";  // 记录

export default {
 name: "Exchange",
 components: {
  Buy,
  History
 }
}
</script>

<style scoped lang="scss">
.box {
 display: flex;
 max-width: 1200px;
 width: 95%;
 justify-content: space-between;

 .main {
  width: 580px;
  padding: 50px 40px;
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(179,189,199,0.4);
  display: flex;
  flex-direction: column;
 }
}
</style>
